/******************************************************************/
/******************************************************************/
/* BEN SOLUTIONS - PHAM QUOC TUAN CSS - tuan.pham@ben-solution.com*/
/******************************************************************/
/******************************************************************/


/*------------------------------------------------------------------*/
/*------------------------- WEB LAYOUT -----------------------------*/
/*------------------------------------------------------------------*/

/*--------------------- CONTAINER ALL WEB --------------------------*/
#Container{
width:1004px;
margin:0 auto;padding:0;
text-align:left;
}

/*----------------------     TOP BAR      --------------------------*/
#Topbar {
height:27px;
font-family:Helvetica,Arial,sans-serif;
text-align:left;
margin-bottom:10px;
}

/*-------------------------   HEADER    ----------------------------*/
#Header{
background:black no-repeat top center;
height:161px;
}
#Logo{
margin-top:2px;margin-left:4px;width:70px;
}
#MenuBar{
height:35px;width:1004px;
}

/*------------------------- MAIN BODY ----------------------------*/
#ContentContainer{
background-color:#2b2b2b;
margin-top:10px;
}
#LeftPanel{
float:left;
width:217px;
margin-right:4px;margin-left:2px;
}
#MiddlePanel{
float:left;
background-color:#56514d;
width:555px;
margin:0px;margin-top:2px;padding-bottom:30px;
}
#RighPanel{
float:left;
width:217px;
margin-left:3px;margin-right:2px;
}

/*------------------------- BOTTOM PANEL ----------------------------*/
#BottomContainer{margin-top:0px;}
#BottomContainer a{text-decoration:none}
#BottomMenu{
height:25px;
}
#BottomCopyright{
text-align:right;
height:40px;
}
/*** END BOTTOM PANEL ***/

/*//////////////////////////////////////////////////////////////////*/
/*------------------------- WEB LAYOUT -----------------------------*/
/*//////////////////////////////////////////////////////////////////*/




/*------------------------------------------------------------------*/
/*------------------------- HTML CONTROL ---------------------------*/
/*------------------------------------------------------------------*/


/*----------------------- DOCUMENT --------------------------*/
body { 
background-color: #2b2b2b; 
background-repeat: repeat;
background-position: top center;
background-attachment: fixed;
color: #7a7e80;
color:white;
} 

body {
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:9pt;
text-align:center;
}

body *{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

a{cursor:pointer;color:#CCCCCC;text-decoration:none;}

i{color:red}

ul{list-style-image:none;list-style-position:outside;list-style-type:none;}

img{border:none;}

h1{font-family:Arial, Helvetica, sans-serif;font-size:14pt;margin:0px;}
h2{font-family:Arial, Helvetica, sans-serif;font-size:12pt;margin:0px;}
h3{font-family:Arial, Helvetica, sans-serif;font-size:9pt;margin:5px 0px 5px 0px;}
h4{font-family:Arial, Helvetica, sans-serif;font-size:9pt;font-weight:normal;margin:0px 10px 5px 0px;}

p{margin:0;padding:0;margin-bottom:5px;margin-top:0px}

/*----------------------- FORM EFFECT --------------------------*/
form{padding:0px; margin:0px;}

input{
background-color:#FFFFFF;
color:#000000;
border:1px solid #000000;
}

select{
background-color:#FFFFFF;
color:#000000;
border:1px solid #000000;
}

textarea{
background-color:#FFFFFF;
color:#000000;
border:1px solid #000000;
}

.txt_small{font-size:9pt; height:20px; width:195px;}
.txt_medium{font-size:9pt; height:20px; width:245px;}
.txt_large{font-size:9pt; height:20px; width:395px;}

.txtarea_small{font-size:9pt; height:50px; width:195px;}
.txtarea_medium{font-size:9pt; height:100px; width:245px;}
.txtarea_large{font-size:9pt; height:100px; width:395px;}

.cbx_small{font-size:9pt; height:20px; width:197px;}
.cbx_medium{font-size:9pt; height:20px; width:247px;}
.cbx_large{font-size:9pt; height:20px; width:397px;}

.btn_Search{
background:url(../images/seach_button.gif) top center no-repeat;
height:21px; width:83px;
color:white;font-size:8pt;
border:none;
}

.btn_Login{
background:url(../images/login_button.gif) top center no-repeat;
height:24px; width:85px;
padding-top:4px;
text-align:center;
color:white;font-size:8pt;
border:none;
margin-left:30px;
}

.buttonlink{
	text-decoration:underline;
	margin-left:3px;
	margin-right:3px;
	color:#0033CC;
}


/*----------------------- MULTI LANGUAGE --------------------------*/
.a_MultiLanguage{color:white; margin-right:5px;}
.a_MultiLanguage:hover{text-decoration:underline}

.a_EnglishLink{
background:Transparent url(../images/flag_en.gif) top left no-repeat;
padding-left:30px;
}

.a_VietNamLink{
background:Transparent url(../images/flag_vn.gif) top left no-repeat;
padding-left:30px;
}


/*----------------------- DEFAUT STYLESHEET --------------------------*/
.clear{clear:both;}
.right{float:right;}
.left{float:left;}
.center{text-align:center;}
.centermargin{margin:0 auto;}
.thead{background-color:#003366 !important;}
.thead td{color:#FFFFFF !important;}
.odd{background:#E4EEF7 none repeat scroll 0 0 !important;}
.even{background:#EFF none repeat scroll 0 0 !important;}
.chid{background:#FFFFFF none repeat scroll 0 0;}
.chid1{background:#CCCCCC none repeat scroll 0 0;}
.list{border-collapse:collapse;}
.list td{height:30px;color:#333333;}
.list td.tdleft input{text-align:center;height:15px;} 
.list .linkcontrol{font-size:7.5pt}
.list input{font-size:8pt;text-align:center}

.list tr{background:#f8f8f8}
.list tr a{text-decoration:none;cursor:pointer}
.list tr a:hover{text-decoration:underline;}

.list tr.lv0{background:#e8e8e8;color:#222;font-weight:bold;}
.list tr.lv0 td{border:1px solid #888;border-left:none;border-right:none}
.list tr.lv1{font-size:8.5pt;font-weight:bold}
.list tr.lv2{font-size:8pt;font-weight:bold;color:#000033;}

.list tr.lv1end{font-size:8.5pt;font-weight:bold}
.list tr.lv2end{font-size:8pt;font-weight:bold;color:#000033;}

/*.list tr.lv0 input{}
.list tr.lv1 input{color:#CC0000}
.list tr.lv2 input{color:#006600}*/


/*.list tr.lv0 a{}
.list tr.lv1 a{}
.list tr.lv2 a{}*/


.list td.lv0{height:40px;}
.list td.lv1{padding-left:20px;background:#f8f8f8 url(../images/tree/tree4lv3.gif) left top no-repeat;background-position:-60px 0;}
.list td.lv2{padding-left:40px;background:#f8f8f8 url(../images/tree/tree4lv3.gif) left top no-repeat;background-position:-40px 0;}
.list td.lv3{padding-left:60px;background:#f8f8f8 url(../images/tree/tree4lv3.gif) left top no-repeat;background-position:-20px 0;}

.list td.lv1end{padding-left:20px;background:#f8f8f8 url(../images/tree/tree4lv3end.gif) left top no-repeat;background-position:-60px 0;}
.list td.lv2end{padding-left:40px;background:#f8f8f8 url(../images/tree/tree4lv3end.gif) left top no-repeat;background-position:-40px 0;}
.list td.lv3end{padding-left:60px;background:#f8f8f8 url(../images/tree/tree4lv3end.gif) left top no-repeat;background-position:-20px 0;}
.list td.lv4end{padding-left:80px;background:#f8f8f8 url(../images/tree/tree4lv3end.gif) left top no-repeat;background-position:0px;}

.list tr.lv0end{background:#e8e8e8;color:#222;font-weight:bold;}
.list tr.lv2end td.lv2{padding-left:40px;background:#f8f8f8 url(../images/tree/tree1lv.gif) left top no-repeat;background-position:20px 0;}
.list tr.lv3end td.lv3{padding-left:60px;background:#f8f8f8 url(../images/tree/tree1lv.gif) left top no-repeat;background-position:40px 0;}
.list tr.lv4end td.lv4{padding-left:80px;background:#f8f8f8 url(../images/tree/tree1lv.gif) left top no-repeat;background-position:60px 0;}

.list tr.lv2end td.lv2end{padding-left:40px;background:#f8f8f8 url(../images/tree/tree1lvend.gif) left top no-repeat;background-position:20px 0;}
.list tr.lv3end td.lv3end{padding-left:60px;background:#f8f8f8 url(../images/tree/tree1lvend.gif) left top no-repeat;background-position:40px 0;}
.list tr.lv4end td.lv4end{padding-left:80px;background:#f8f8f8 url(../images/tree/tree1lvend.gif) left top no-repeat;background-position:60px 0;}

.td_left{}
.td_right{}
.tdright{text-align:right;vertical-align:middle;padding-right:5px;}
.tdleft{text-align:left;vertical-align:middle;padding-left:5px;}
.tdcenter{text-align:center;vertical-align:middle;}
.pad-top-down{padding:10px 0}


/*//////////////////////////////////////////////////////////////////*/
/*------------------------- HTML CONTROL ---------------------------*/
/*//////////////////////////////////////////////////////////////////*/

.list1 {}
.list1 td{height:24px;}


/*------------------------------------------------------------------*/
/*------------------------- POPULAR CSS  ---------------------------*/
/*------------------------------------------------------------------*/

/*------------------------ TAB CONTAINER -------------------------*/
.TabContainer{
border:1px solid gray; margin-bottom: 1em; padding: 10px;
background-color:#FFFFFF;
/*text-align:center;*/
}
.TabContainer2 a {
background:#414141;
/*border:1px solid gray;*/
color:#FFFFFF !important; 
line-height:normal !important;
display:block;
float:left;
font-size:13px;
font-weight:bold;
margin-right:5px;
padding:6px 15px 7px;
position:relative;
text-decoration:none;
top:1px;
z-index:1;
}
.TabContainer2 a.selected {

color:#222 !important;
background:#FFF;
border:1px solid gray;
border-bottom:0 none;
padding-bottom:8px;
z-index:3;
}
/*------------------------ TREENODE CSS -------------------------*/
.TreeNode{margin-top:4px;margin-left:5px;}
.TreeNode a{color:#003399;}
.indent1{float:left;background:url(../images/nav1.gif) no-repeat top left;width:35px;height:40px;}
.indent2{float:left;background:url(../images/nav2.gif) no-repeat top left;width:35px;height:40px;}
.indent3{float:left;background:url(../images/nav3.gif) no-repeat top left;width:35px;height:40px;}

/*------------------DEFAULT LINK 1-------------------*/
.DefaultLink1{}
.DefaultLink1 a{text-decoration:none;}
.DefaultLink1 a:hover{text-decoration:underline;}
/*------------------DEFAULT LINK 2-------------------*/
.DefaultLink2{}
.DefaultLink2 a{text-decoration:underline; margin-right:5px;}
.DefaultLink2 a:hover{text-decoration:none;}
/*------------------COLOR LINK 2-------------------*/
.ColorLink2{padding-top:5px;}
.ColorLink2 a{text-decoration:underline; margin-right:5px;}
.ColorLink2 a:hover{color:#0066FF}
/*------------------BREADCRUMB (NAVIGATION PAGES)-------------------*/
.BreadCrumb{
font-family:Verdana, Arial, Helvetica, sans-serif;
padding-top:5px;
padding-bottom:5px;
}
.BreadCrumb a{
text-decoration:underline;
color:#666666;
margin-left:5px;
margin-right:5px;
}

/*---------------------------  MAIN MENU FIRST NGANG DA CAP  ------------------------------*/
/*---XEM FILE mainmenu1.css--*/


/*----------------------LEFT RIGHT MODULE PANEL-------------------------*/
.ModulePanel{margin-bottom:20px;}

.ModuleTitle{
height:23px;width:199px;
padding-left:18px;padding-top:6px;
color:#fff4c2;font-weight:bold;
}
.ModuleTitleRed{background:url(../images/bg_module_red.gif) top center no-repeat;}
.ModuleTitleGray{background:url(../images/bg_module_gray.gif) top center no-repeat;}

.ModuleContent{
background-color:#56514d;
padding:8px 8px 10px 8px;
border-top:none;
border-bottom:solid 1px #111111;
border-left:solid 1px #111111;
border-right:solid 1px #111111;
}


/*--------------------------CONTENT PANEL-----------------------------*/
.ContentPanel{margin-bottom:20px;margin-left:2px;}

.ContentTitle{
background-color:#333333;
padding:2px;
padding-left:6px;
color:#0099FF;font-weight:bold;
font-size:10pt;
vertical-align:middle;
margin-bottom:10px;
}

.ContentTitleRed{background:url(../images/bg_mainmodule_red.gif) top center no-repeat;}

.Content{
color:#333333;
}

.Content p{margin-bottom:5px;}


/*--------------------------GROUP MENU STYLE 1-----------------------------*/
.GroupMenu1 ul{padding:0px;margin:0px;}
.GroupMenu1 li{border-bottom:solid 1px #444444;padding-bottom:5px;padding-top:5px;}
.GroupMenu1 a{
background:url(../images/arrow.gif) left center no-repeat;
color:white;font-weight:bold;padding-left:20px;}


/*--------------------------GROUP MENU STYLE 2-----------------------------*/
.GroupMenu2 ul{padding:0px;margin:0px;}
.GroupMenu2 li{border-bottom:solid 1px #444444;padding-bottom:5px;padding-top:5px;}
.GroupMenu2 a{
background:url(../images/check.gif) left center no-repeat;
color:white;font-weight:bold;padding-left:24px;padding-top:5px}


/*--------------------------GROUP MENU STYLE 3-----------------------------*/
.GroupMenu3 ul{padding:0px;margin:0px;}
.GroupMenu3 li{
display:block;
border-bottom:solid 1px #444444;
padding-bottom:5px;padding-top:5px;
color:#e4e4e4;font-weight:bold;
}


/*--------------------------GROUP IMAGE MENU STYLE 1-----------------------------*/
.GroupImage1 a{border:none;margin-right:10px;margin-left:5px;}
.GroupImage2 img{border:none; padding:0px; margin:0px; padding-bottom:5px;}
.GroupImage3{text-align:center;}
.GroupImage3 a{border:none;}
.GroupImage3 img{border:1px solid #333;margin-top:10px;}


/*--------------------------GROUP IMAGE WITH TEXT -----------------------------*/
.GroupTextImage1{clear:both;color:#e4e4e4; font-weight:bold}
.GroupTextImage1 dl{margin-right:10px;}
.GroupTextImage1 dt{height:26px;}
.GroupTextImage1 dd{margin-top:-30px; padding-left:20px;}
.GroupTextImage1 a{border:0;text-decoration:none;}



/*-------------------------- PAGINATION (PHAN TRANG) -----------------------------*/
.pagination {
background: none repeat scroll 0 0;
display:inline-block;
margin-top:20px;
width:100%;
font-size:9pt;
}

.pagination .links {
float:left;
}

.pagination .results {
float:right;
}

.pagination .links, .pagination .results {
padding:5px;
}
.pagination .links a {
border:1px solid #CCCCCC;
color:#000000;
padding:4px 7px;
text-decoration:none;
}

.pagination .links b {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #CCCCCC;
color:#000000;
padding:4px 7px;
text-decoration:none;
}


/*---NEWS LIST -----*/
.NewsList{
padding:0px;
color:#001850;
}
.NewsList ul{
margin:0px;
padding-left:10px;
}
.NewsList li{
margin:2px;
margin-top:5px;
}

.NewsList a{
color:#006699;
text-decoration:underline;
}
/*---END NEWS LIST -----*/



/*//////////////////////////////////////////////////////////////////*/
/*------------------------- POPULAR CSS  ---------------------------*/
/*//////////////////////////////////////////////////////////////////*/


/*------------------------------------------------------------------*/
/*------------------------- MAIN MENU 1  ---------------------------*/
/*------------------------------------------------------------------*/

.MainMenu1{
/*background: #414141; /*background of menu bar (default state)*/
float:right;
margin-right:10px;
margin-top:3px;
font-size:8pt;
}

.MainMenu1 ul{
z-index:100;
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.MainMenu1 ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.MainMenu1 ul li a{
/*background: #414141; /*background of menu items (default state)*/
/*border-right: 1px solid #778;*/
display: block;
color: white;
padding: 7px 15px 12px;
color: #2d2b2b;
text-decoration: none;
}

* html .MainMenu1 ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.MainMenu1 ul li a:link, .MainMenu1 ul li a:visited{
color: white;
}

.MainMenu1 ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
}

.a_MainMenu1_Selected{
background: black; 
color: white;
background:url(../images/icon_mainmenu.gif) no-repeat top center;
}

.MainMenu1 ul li a:hover{
background: black; /*background of menu items during onmouseover (hover state)*/
color: white;
background:url(../images/icon_mainmenu.gif) no-repeat top center;
}
	
/*1st sub level menu*/
.MainMenu1 ul li ul{
position: absolute;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.MainMenu1 ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.MainMenu1 ul li ul li ul{
top: 0;
}


/* Sub level menu links style */
.MainMenu1 ul li ul li a{
font: normal 13px Verdana;
width: 160px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;
}


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: silver;
}

.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
opacity: 0.8;
}

/*//////////////////////////////////////////////////////////////////*/
/*------------------------- MAIN MENU 1  ---------------------------*/
/*//////////////////////////////////////////////////////////////////*/


/*------------------------------------------------------------------*/
/*------------------------- MAIN MENU 2  ---------------------------*/
/*------------------------------------------------------------------*/
.MainMenu2{
/*background: #414141; /*background of menu bar (default state)*/
margin-left:0px;
}

.MainMenu2 ul{
z-index:100;
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.MainMenu2 ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.MainMenu2 ul li a{
/*background: #414141; /*background of menu items (default state)*/
display: block;
margin-top:0px;
padding: 0px 7px 0px;
text-decoration: none;
}

.MainMenu2 ul li a:link, .MainMenu2 ul li a:visited{
}

.MainMenu2 ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

/*//////////////////////////////////////////////////////////////////*/
/*------------------------- MAIN MENU 2  ---------------------------*/
/*//////////////////////////////////////////////////////////////////*/




